<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <title>销售中心-产品详情</title>
  <link rel="stylesheet" href="../../css/bootstrap.font.min.css"/>
  <link rel="stylesheet" href="../../css/forms.min.css"/>
  <link rel="stylesheet" href="../../css/style.css"/>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top to-nav">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
      </button>
      <a class="navbar-brand to-brand" href="#"><i class="fa fa-weixin fa-fw"></i>&nbsp;&nbsp;SZG 后台管理系统</a>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-gear"></i>&nbsp;Mr Toma&nbsp;<span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><a href="#">个人信息</a></li>
            <li><a href="#">修改密码</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">退出系统</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- navbar-collapse -->
  </div>
</nav>
<!-- 菜单 start -->
<aside class="sidebar_left">
  <div class="sidebar_content">
    <ul class="nav">
      <li class="active">
        <a href="#" class="nav-link"><i class="fa fa-group"></i>销售中心</a>
        <ul class="link-lop">
          <li><a href="javascript:">旅游产品</a></li>
          <li><a href="javascript:">酒店产品</a></li>
          <li><a href="javascript:">玩乐产品</a></li>
        </ul>
      </li>
      <li><a href="#" class="nav-link"><i class="fa fa-wrench"></i>网站设置</a></li>
    </ul>
  </div>
</aside>
<!-- 菜单 end -->
<section class="content">
  <div class="con-wap">
    <!-- view start -->

    <ol class="breadcrumb border">
      <li><a href="#">销售中心</a></li>
      <li><a href="#">旅游产品查询</a></li>
      <li class="active">旅游产品详情</li>
    </ol>

    <section class="mw1024">
      <section class="panel panel-default">
        <header class="panel-heading sl-dl-hd">
          <div class="displayt">
            <div class="cell nowrap inline r-name">
              <i class="fa fa-hospital-o"></i> &nbsp;&nbsp; 酒店
            </div>
            <div class="cell l-tit">
              <span class="mr20">艾维斯塔秘境spar</span>
              <div class="jd-hd-txt inline">
                <a href="javascript:" class="mr20 text-theme"><i class="fa fa-star fa-fw"></i> <i class="fa fa-star fa-fw"></i> <i class="fa fa-star fa-fw"></i></a>
                <a href="javascript:" class="mr20"><i class="fa fa-heart-o fa-fw"></i> 收藏</a>
                <a href="javascript:" class="mr20"><i class="fa fa-share-alt fa-fw"></i> 分享</a>
              </div>
            </div>
          </div>
        </header>

        <section class="c-jd-swiper">
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide" style="background: url(http://img.zcool.cn/community/015f6b57b9c7af0000018c1b386d83.jpg@900w_1l_2o_100sh.jpg) no-repeat center/cover"></div>
              <div class="swiper-slide" style="background: url(http://img.zcool.cn/community/01189157b58b5c0000012e7eaf326c.jpg@900w_1l_2o_100sh.jpg) no-repeat center/cover"></div>
              <div class="swiper-slide" style="background: url(../../img/bg2.jpg) no-repeat center/cover"></div>
            </div>
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
          </div>
        </section>

        <section class="panel-body sl-dl-bd">
          <p class="mb20">
            <i class="fa fa-map-marker"></i> 撒的发就 看件莱卡九点十分洛克洛克看件莱卡九点十分洛克洛克看件莱卡九点十分洛克洛克、 大首付款 <a href="javascript:">查看地图</a>
            <span class="pull-right">4.5分 32条评论</span>
          </p>
          <nav class="row jd-co-map">
            <div class="col-md-3 text-left"><a href="javascript:"><i class="fa fa-car fa-fw"></i>停车场</a></div>
            <div class="col-md-3 text-center"><a href="javascript:"><i class="fa fa-wifi fa-fw"></i>免费wifi</a></div>
            <div class="col-md-3 text-center"><a href="javascript:"><i class="fa fa-bicycle fa-fw"></i>健身馆</a></div>
            <div class="col-md-3 text-right"><a href="javascript:"><i class="fa fa-life-ring fa-fw"></i>游泳馆</a></div>
          </nav>
        </section>
        <footer class="panel-footer">
          <nav class="row jd-co-map min">
            <div class="col-md-3 text-left"><a href="javascript:">供应商：东方国际</a></div>
            <div class="col-md-3 text-center"><a href="javascript:"><i class="fa fa-user fa-fw"></i>多多</a></div>
            <div class="col-md-3 text-center"><a href="javascript:"><i class="fa fa-phone fa-fw"></i>1321321131</a></div>
            <div class="col-md-3 text-right"><a href="javascript:"><i class="fa fa-qq fa-fw"></i> 13213441</a></div>
          </nav>
        </footer>
      </section>

      <ul class="nav nav-tabs app-tabs-hover" role="tablist">
        <li class="active"><a href="javascript:">房型预定</a></li>
        <li><a href="javascript:">酒店详情</a></li>
        <li><a href="javascript:">酒店点评</a></li>
      </ul>
      <section class="panel border-no-t border">



        <!-- 房型预定 -->
        <article class="panel-body d-pb-item border-b">
          <div class="displayt w100b">
            <h2 class="i-hd ihd-no-b cell w90">房型<br>预定</h2>
            <div class="cell w100b ver-top pt20">
              <div class="displayt w100b mb20">
                <div class="cell">
                  <div class="input-group">
                    <span class="input-group-addon">入住</span>
                    <input type="text" class="form-control" placeholder="时间" name="" readonly>
                  </div>
                </div>
                <div class="cell inline text-center">共<span>2</span>晚</div>
                <div class="cell">
                  <div class="input-group">
                    <span class="input-group-addon">离店</span>
                    <input type="text" class="form-control" placeholder="时间" name="" readonly>
                  </div>
                </div>
                <div class="cell inline text-center">
                  房间数:
                </div>
                <div class="cell w160">
                  <div class="input-group">
                    <span class="input-group-btn">
                      <button class="btn btn-default mr-2" type="button">-</button>
                    </span>
                    <input type="number" class="form-control text-center" value="1">
                    <span class="input-group-btn">
                      <button class="btn btn-default" type="button">+</button>
                    </span>
                  </div>
                </div>
                <h3 class="cell inline plr20">
                  <small>￥</small>940 <small>/起</small>
                </h3>
              </div>

              <table class="table fx-table border">
                <tbody>
                <tr>
                  <td rowspan="4" class="border-right">豪华水疗 大床房</td>
                  <td>不含早餐</td>
                  <td>不可取消</td>
                  <td>最多2人</td>
                  <td>945/晚</td>
                  <td><span class="text-theme">紧张</span> <button class="btn btn-warning">立即预定</button></td>
                </tr>
                <tr>
                  <td>不含早餐</td>
                  <td>不可取消</td>
                  <td>最多2人</td>
                  <td>945/晚</td>
                  <td><span class="text-theme">紧张</span> <button class="btn btn-warning">立即预定</button></td>
                </tr>
                <tr>
                  <td>不含早餐</td>
                  <td>不可取消</td>
                  <td>最多2人</td>
                  <td>945/晚</td>
                  <td><span class="text-theme">紧张</span> <button class="btn btn-warning">立即预定</button></td>
                </tr>
                <tr>
                  <td>不含早餐</td>
                  <td>不可取消</td>
                  <td>最多2人</td>
                  <td>945/晚</td>
                  <td><span class="text-theme"></span> <button class="btn btn-warning">立即预定</button></td>
                </tr>
                </tbody>
                <tbody>
                <tr>
                  <td rowspan="4" class="border-right">豪华水疗 大床房</td>
                  <td>不含早餐</td>
                  <td>不可取消</td>
                  <td>最多2人</td>
                  <td>945/晚</td>
                  <td><span class="text-theme">紧张</span> <button class="btn btn-warning">立即预定</button></td>
                </tr>
                <tr>
                  <td>不含早餐</td>
                  <td>不可取消</td>
                  <td>最多2人</td>
                  <td>945/晚</td>
                  <td><span class="text-theme">紧张</span> <button class="btn btn-warning">立即预定</button></td>
                </tr>
                <tr>
                  <td>不含早餐</td>
                  <td>不可取消</td>
                  <td>最多2人</td>
                  <td>945/晚</td>
                  <td><span class="text-theme">紧张</span> <button class="btn btn-warning">立即预定</button></td>
                </tr>
                <tr>
                  <td>不含早餐</td>
                  <td>不可取消</td>
                  <td>最多2人</td>
                  <td>945/晚</td>
                  <td><span class="text-theme"></span> <button class="btn btn-warning">立即预定</button></td>
                </tr>
                </tbody>
              </table>

            </div>
          </div>
        </article>

        <!-- 酒店详情 -->
        <article class="panel-body d-pb-item border-b">
          <div class="displayt w100b">
            <h2 class="i-hd ihd-no-b cell w90">房型<br>预定</h2>
            <div class="cell w100b ver-top pt10">
              <h4>酒店介绍</h4>
              <p class="mb20">啥的街坊邻居会计师第六空间飞，爱上的弗兰克静安寺了。阿斯顿飞快乐克里斯大
                会计师第六空间飞，爱上的弗兰克静安寺了。阿斯顿飞快乐克里斯大，阿斯顿飞跨时代、asdf
                会计师第六空间飞，爱上的弗兰克静安寺了。阿斯顿飞快乐克里斯大，阿斯顿飞跨时代、asdf
                ，阿斯顿飞跨时代、asdf.，。看阿斯顿飞；拉德克士飞</p>
              <h4>酒店设施</h4>
              <ul class="jd-li mb20">
                <li>网络设施：
                  <span><i class="fa fa-check fa-fw text-theme"></i>酒店Wifi</span>
                  <span><i class="fa fa-check fa-fw text-theme"></i>酒店Wifi</span>
                </li>
                <li>房间设施：
                  <span><i class="fa fa-check fa-fw text-theme"></i>酒店Wifi</span>
                  <span><i class="fa fa-check fa-fw text-theme"></i>酒店Wifi</span>
                  <span><i class="fa fa-check fa-fw text-theme"></i>酒店Wifi</span>
                </li>
                <li>酒店服务：</li>
                <li>酒店设施：</li>
              </ul>
              <h4>酒店政策</h4>
              <ul class="jd-li mb20">
                <li>入住和离店：
                  <span>入住时间：14:00 以后</span>
                  <span>离店时间：14:00 以后</span>
                </li>
                <li>膳食安排：
                  <span>早餐 RMB 15</span>
                </li>
                <li>宠物： 不可以带宠物</li>
              </ul>



            </div>
          </div>
        </article>


        <!-- 退款说明 评论-->
        <article class="panel-body d-pb-item">
          <!-- 用户点评 -->
          <h2 class="i-hd">用户<br>点评<small class="i-hd-si">· 满意度 <span class="text-danger">98%</span> </small></h2>
          <div class="dp-btn-group btn-group">
            <button type="button" class="btn btn-default">全部</button>
            <button type="button" class="btn btn-default">非常满意</button>
            <button type="button" class="btn btn-default">满意</button>
            <button type="button" class="btn btn-default">不满意</button>
          </div>

          <ul class="media-list sales-comment">
            <li class="i-con media">
              <div class="media-left">
                <a href="#" class="userhead">
                  <img class="media-object img-circle" src="../../img/qb.jpg" alt="userhead" width="60" height="60">
                </a>
              </div>
              <div class="media-body">
                <p>2016年05月入住&nbsp;大床房</p>
                <p>房间不大啊肯定就看浪费，啊都放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了；
                  放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了； 放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了；
                  放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了； </p>
                <div class="img-box mb10">
                  <img src="../../img/bg2.jpg" alt="img" height="90">
                  <img src="../../img/5.jpg" alt="img" height="90">
                </div>
                <div class="clearfix">
                  <span class="pull-left lh40">发表于：2016-05-28</span>
                  <button class="btn btn-default pull-right">有用(10)</button>
                </div>
              </div>
            </li>
            <li class="i-con media">
              <div class="media-left">
                <a href="#" class="userhead">
                  <img class="media-object img-circle" src="../../img/qb.jpg" alt="userhead" width="60" height="60">
                </a>
              </div>
              <div class="media-body">
                <p>2016年05月入住&nbsp;大床房</p>
                <p class="comm-con">房间不大啊肯定就看浪费，啊都放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了；
                  放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了；  </p>
                <div class="clearfix">
                  <span class="pull-left lh40">发表于：2016-05-28</span>
                  <button class="btn btn-default pull-right">有用(10)</button>
                </div>
              </div>
            </li>
            <li class="i-con media">
              <div class="media-left">
                <a href="#" class="userhead">
                  <img class="media-object img-circle" src="../../img/qb.jpg" alt="userhead" width="60" height="60">
                </a>
              </div>
              <div class="media-body">
                <p>2016年05月入住&nbsp;大床房</p>
                <p class="comm-con">房间不大啊肯定就看浪费，啊都放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了；
                  放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了；  </p>
                <div class="clearfix">
                  <span class="pull-left lh40">发表于：2016-05-28</span>
                  <button class="btn btn-default pull-right">有用(10)</button>
                </div>
              </div>
            </li>
          </ul>

          <nav class="clearfix pt10">
            <ul class="pagination pull-right">
              <li>
                <a href="#" aria-label="Previous">
                  <span aria-hidden="true">«</span>
                </a>
              </li>
              <li class="active"><a href="#">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#">5</a></li>
              <li>
                <a href="#" aria-label="Next">
                  <span aria-hidden="true">»</span>
                </a>
              </li>
            </ul>
          </nav>
        </article>

        <footer class="panel-footer">
          <h3>相关推荐</h3>
          <div class="clearfix mb10">
            <span class="pull-left lh34">北京热门线路</span>
            <a href="javascript:" class="btn btn-link pull-right">查看更多</a>
          </div>
          <div class="row">
            <div class="col-sm-3">
              <div class="thumbnail">
                <img src="../../img/5.jpg" alt="img" width="394" height="300">
                <div class="caption">
                  <p class="no-m">台湾换到萨科大夫来看了解</p>
                  <p class="no-m"><small class="text-theme">￥</small><big class="text-theme">5899</big><small>起</small></p>
                </div>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="thumbnail">
                <img src="../../img/5.jpg" alt="img" width="394" height="300">
                <div class="caption">
                  <p class="no-m">台湾换到萨科大夫来看了解</p>
                  <p class="no-m"><small class="text-theme">￥</small><big class="text-theme">5899</big><small>起</small></p>
                </div>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="thumbnail">
                <img src="../../img/5.jpg" alt="img" width="394" height="300">
                <div class="caption">
                  <p class="no-m">台湾换到萨科大夫来看了解</p>
                  <p class="no-m"><small class="text-theme">￥</small><big class="text-theme">5899</big><small>起</small></p>
                </div>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="thumbnail">
                <img src="../../img/5.jpg" alt="img" width="394" height="300">
                <div class="caption">
                  <p class="no-m">台湾换到萨科大夫来看了解</p>
                  <p class="no-m"><small class="text-theme">￥</small><big class="text-theme">5899</big><small>起</small></p>
                </div>
              </div>
            </div>
          </div>
        </footer>

      </section>

    </section><!-- 1024 -->

    <div class="h360"></div>
    <!-- view end -->
  </div>
</section>


<script src="../../lib/jquery.min.js"></script>
<script src="../../js/sea.js"></script>
<script src="../../js/main.js"></script>
<script>
  seajs.use('sales',function (cc) {
    cc.jdDetail();
  });
</script>
</body>
</html>